<template>
  <div>
    <van-pagination v-model="currentPage" :total-items="100" :show-page-size="5" force-ellipses @change="onChange"/>
  </div>
    
</template>

<script>
import { ref } from 'vue';
export default {
    name:"PagerView",
    setup() {
      const currentPage = ref(1);
      return { currentPage };
    },
    data() {
      return {
        // 假设这是后台传来的数据来源
        data: [],
        // 所有页面的数据
        totalPage: [],
        // 每页显示数量
        pageSize: 5,
        // 共几页
        pageNum: 1,
        // 当前显示的数据
        dataShow: "",
        // 默认当前显示第一页
        current: 1
      };
    },
    created:{

    },
    methods: {
      onChange(current) {
        // this.$router.push({
        //   name:"OrderViewOrder",
        //   params:{
        //     current
        //   }
        // })
        this.$emit("change",current);
      },
    },
  }
</script>

<style lang="less" scoped>
  
</style>